<template>
    <div class="common-bg space-full">
        <div class="project-title">
            <div class="english-text">Vue2.x</div>
            <div class="chinese-text">项目案例</div>
        </div>
        <slot name="form"></slot>
    </div>
</template>
<script>
export default {

}
</script>
<style lang="less" scoped>
.common-bg{
    .set_linear_bg();
    font-style: italic;
}
.project-title{
    padding-top: 40px;
    display: flex;
    color: @color_green_1;
    margin-left: 150px;
    border-bottom: 1px solid @color_green_1;
    .flex_layout(row,flex-start,center);
}
.english-text{
    font-size: 50px;
    font-weight: bolder;
    display: inline-block;
}
.chinese-text{
    font-size: 30px;
    margin-left: 100px;
    vertical-align: text-bottom;
    color: @color_green_2;
    display: inline-block;
    vertical-align: 7px;
}
</style>
